<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>Document</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,minimal-ui">
		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
		<meta name="apple-touch-fullscreen" content="yes">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="full-screen" content="yes">
		<meta name="browsermode" content="application">
		<meta name="x5-orientation" content="portrait">
		<meta name="x5-fullscreen" content="true">
		<meta name="x5-page-mode" content="app">
		<link rel="stylesheet" href="css/base.css">
		<link rel="stylesheet" href="css/main.css">
	</head>
	<body>
<!-- 		<div class="top-nav">
			<a class="link" href="javascript:history.go(-1);">返回</a>
			<h1>丰收经纪</h1>
		</div> -->
		<div class="home-banner">
			<img src="images/home_banner.jpg" alt="">
			<div class="home-search">
				<i></i>
				<input type="search" name="" id="">
			</div>
		</div>
		<div class="notice">
			<i></i>
			<p><a href="">“五一”小长假出游 有保险护航才安心</a></p>
		</div>
		<div class="imenu-list">
			<div class="item">
				<a href="">
					<i class="index-icon index-icon-1"></i>
					<p>旅游险</p>
				</a>
				<a href="">
					<i class="index-icon index-icon-2"></i>
					<p>意外险</p>
				</a>
				<a href="">
					<i class="index-icon index-icon-3"></i>
					<p>健康险</p>
				</a>
				<a href="">
					<i class="index-icon index-icon-4"></i>
					<p>家庭财险</p>
				</a>
			</div>
			<div class="item">
				<a href="">
					<i class="index-icon index-icon-5"></i>
					<p>人寿险</p>
				</a>
				<a href="">
					<i class="index-icon index-icon-6"></i>
					<p>车险</p>
				</a>
				<a href="">
					<i class="index-icon index-icon-7"></i>
					<p>理财险</p>
				</a>
				<a href="">
					<i class="index-icon index-icon-8"></i>
					<p>全部</p>
				</a>
			</div>
		</div>

		<div class="hot-product">
			<div class="title-bar">30天最受关注</div>
			<ul>
				<li>
					<a href="">
						<img src="images/p1.jpg" alt="">
						<div class="desc">
	                        <h2>放心失恋险</h2>
	                        <p class="cGray">无需体检 | 百万保障 | 渣男必备</p>
	                        <div class="seller clearfix">
	                            <span class="left cGold">60元起</span>
	                            <span class="right cGray">已售62330份</span>
	                        </div>
	                    </div>
					</a>
				</li>
				<li>
					<a href="">
						<img src="images/p2.jpg" alt="">
						<div class="desc">
	                        <h2>放心失恋险</h2>
	                        <p class="cGray">无需体检 | 百万保障 | 渣男必备</p>
	                        <div class="seller clearfix">
	                            <span class="left cGold">60元起</span>
	                            <span class="right cGray">已售62330份</span>
	                        </div>
	                    </div>
					</a>
				</li>
			</ul>
		</div>

		<div class="prodcut-list">
			<div class="title-bar">严选产品</div>
			<ul>
				<li>
					<a href="" style="background-image: url('images/pp1.jpg');">
						<div class="desc">
			                <h2>医疗健康 &gt;</h2>
			                <ul>
			                    <li>百万医疗+“住院宝”，真正低免赔额高保障</li>
			                    <li>海外就医，公立医院特需部、国际就诊可以报销</li>
			                    <li>确认即赔，含豁免责任</li>
			                </ul>
			            </div>
					</a>
				</li>

				<li>
					<a href="" style="background-image: url('images/pp2.jpg');">
						<div class="desc">
			                <h2>少儿保障 &gt;</h2>
			                <ul>
			                    <li>关爱孩子生活中的意外与健康</li>
			                    <li>针对少儿重疾提供专项保障</li>
			                    <li>针对少儿特定疾病的专项保障</li>
			                </ul>
			            </div>
					</a>
				</li>

				<li>
					<a href="" style="background-image: url('images/pp3.jpg');">
						<div class="desc">
			                <h2>少儿保障 &gt;</h2>
				                <ul>
				                    <li>关爱中老年人日常生活高发意外</li>
				                    <li>提供医疗津贴保障，实惠省心</li>
				                    <li>老年生活有保障，生活品质不降低</li>
				                </ul>
			            </div>
					</a>
				</li>

				<li>
					<a href="" style="background-image: url('images/pp4.jpg');">
						<div class="desc">
			                <h2>意外保障 &gt;</h2>
			                <ul>
			                   <li>意外全面保障，保障范围广</li>
			                   <li>海陆空交通工具全面保障</li>
			                   <li>4-6类职业可以投保的意外保障</li>
			                </ul>
			            </div>
					</a>
				</li>
			</ul>
		</div>


<!-- 		<div class="cooper">
			<div class="title-bar">企业和团体保险</div>
			<ul>
				<li><a href="">企业险 &gt;</a></li>
				<li><a href="">团体险 &gt;</a></li>
				<li><a href="">责任险 &gt;</a></li>
			</ul>
		</div> -->

		<div class="sevice-list">
			<div class="title-bar">专业服务</div>
			<ul>
				<li>
					<i class="i1"></i>
					<div>
						<h3>7 x 24小时客服</h3>
						<p>随时随地有保障</p>
					</div>
				</li>
				<li>
					<i class="i2"></i>
					<div>
						<h3>专业理赔服</h3>
						<p>快速理赔不用等</p>
					</div>
				</li>
			</ul>
			<ul>
				<li>
					<i class="i3"></i>
					<div>
						<h3>保监会授权</h3>
						<p>合法权威值得信赖</p>
					</div>
				</li>
				<li>
					<i class="i4"></i>
					<div>
						<h3>轻松投保</h3>
						<p>多终端服务 轻松快捷</p>
					</div>
				</li>
			</ul>
		</div>


		<div class="fix-nav">
			<div class="fix-nav-wrap">
				<a href="#!/" class="active">
					<i class="icon icon-home"></i>
					<p>首页</p>
				</a>
				<a href="">
					<i class="icon icon-customize"></i>
					<p>助手</p>
				</a>
				<a href="">
					<i class="icon icon-laims"></i>
					<p>理赔</p>
				</a>
				<a href="">
					<i class="icon icon-mine"></i>
					<p>我的</p>
				</a>
			</div>
		</div>
			<script src="js/vue.min.js"></script>
		</body>
	</html>